<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<!DOCTYPE HTML>

<html lang="pt-br">

	<head>
    
    	<meta charset="utf-8">
        <title>Aquino e Vasconcelos - Painel Usuário (Início)</title>
        
        
        <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
        <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
        
        <!-- Global Css - Página -->
        <link rel="stylesheet" href="global_arquivos/css/style.css" media="all">
        
        <!-- Css Da Página -->
        <link rel="stylesheet" href="painel_usuario/css/style_painel.css" media="all">
        
        <!-- Fontes e Ícones -->
        <link rel="stylesheet" href="global_arquivos/fonts/style_fonts.css" media="all">
        
        <!-- Efeito Lateral (Acesso Rápido) -->
        <link rel="stylesheet" href="global_arquivos/js/efeito_lateral/jquery.pageslide.css" media="all">
        
        <!-- Css Bootstrap -->
        <link href="global_arquivos/js/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="all">
        
        <!-- Script De Validação - Formulário -->
        <script src="../painel_admin/js/validar_formulario.js"></script>
        
        <!-- Efeito Accordeon - Informativo (s) -->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript" src="global_arquivos/js/accordeon.js"></script>
        
        <style type="text/css">
        
        	.accordion {
				
				width: 100%;
				margin: 1em 0em;

			}

			.accordion h4 {
			
				background: url(global_arquivos/img/inf-index-mais.png) no-repeat right center #F6F6F6;
			    border: 1px solid #EEEEEE;
			    color: #3777AF;
			    display: block;
			    margin: -1px 0 0 !important;
			    padding: 0.5em 1em;
			    -moz-transition: all 0.3s ease-in-out 0s;
			    -webkit-transition: all 0.3s ease-in-out 0s;
			    -o-transition: all 0.3s ease-in-out 0s;
			    transition: all 0.3s ease-in-out 0s;
				
				}

			.accordion p {
			
				font-size: 1.2em;
				line-height: 1.4em;
				padding: 10px;
			
			}

			.accordion h4.active {
			
				background: url(global_arquivos/img/inf-index-mais.png) no-repeat right center #F6F6F6;
			    border: 1px solid #EEEEEE;
			    color: #3777AF;
			    display: block;
			    margin: -1px 0 0 !important;
			    padding: 0.5em 1em;
			    -moz-transition: all 0.3s ease-in-out 0s;
			    -webkit-transition: all 0.3s ease-in-out 0s;
			    -o-transition: all 0.3s ease-in-out 0s;
			    transition: all 0.3s ease-in-out 0s;
			
			}

			.accordion h4:hover {
			
				background-color: #ffffff;
				color: #5999CF;
				border: 1px solid #EEEEEE;
				cursor: pointer;
			
			}

			.accordion div {
			
				padding: .5em .25em;
			
			}
        
        </style>
        
 	</head>
    
	<body>
    
    	<!-- Plugin Para o Bootstrap -->
    	<script src="global_arquivos/js/bootstrap/js/bootstrap.min.js"></script>
    
    	<!-- Incluindo a Div, Links Úteis -->
		<%@ include file="../global_arquivos/pages/links_uteis.jsp" %>
		
		<header id="topo" class="todo-conteudo">
        
			<a title="Logomarca - Aquino e Vasconcelos" href="Index"><img src="global_arquivos/img/logo.png" alt="Logomarca - Aquino e Vasconcelos"></a>
		        
			<nav>
		            
				<ul>
		                
					<li><a title="Início - Clique Para Ir Para Página Inicial Do Site" href="Index">Início</a></li>
					<li><a title="Serviços - Clique e Confira Agora Nossos Serviços" href="servicos/servicos.jsp">Serviços</a></li>
					<li><a title="A Empresa - Clique e Confira Nossa História" href="empresa/empresa.jsp">A Empresa</a></li>
					<li><a title="Contato - Clique e Fale Agora Conosco" href="contato/contato.jsp">Contato</a></li>
					<li><a title="Orçamento - Clique e Preencha Nosso Pequeno Formulário" href="orcamento/orcamento.jsp">Orçamento</a></li>
					<li><a title="Acesso Rápido - Clique Aqui e Descubra Os Links Mais Acessados" class="acesso-rapido efeito-lateral" href="#modal">Links Úteis</a></li>
		                
				</ul>
		            
			</nav>
		        
		</header>
    
    	<div class="todo-conteudo">
            
            <div class="local-claro">
            
            	<!-- Incluindo o Menu, Painel -->	
				<%@ include file="pages/menu_listar.jsp" %>
				
				<fieldset>
				
					<div class="itens-rapidos">
					
					<a href="#"><img src="global_arquivos/img/itens_rapidos_01.jpg" onmouseout="this.src='global_arquivos/img/itens_rapidos_01.jpg';" onmouseover="this.src='global_arquivos/img/itens_rapidos_01_mouse.jpg';"></a>
					<a href="#"><img src="global_arquivos/img/itens_rapidos_02.jpg" onmouseout="this.src='global_arquivos/img/itens_rapidos_02.jpg';" onmouseover="this.src='global_arquivos/img/itens_rapidos_02_mouse.jpg';"></a>
					<a href="#"><img src="global_arquivos/img/itens_rapidos_03.jpg" onmouseout="this.src='global_arquivos/img/itens_rapidos_03.jpg';" onmouseover="this.src='global_arquivos/img/itens_rapidos_03_mouse.jpg';"></a>
				
				</div>
				
				</fieldset>
				
				
                
                <div class="centro-conteudo conteudo-formulario">
                
                	<h2>Bem Vindo, ${cliente.nome}</h2>
                	
                	<div class="accordion">
						
						
							<h4>Detalhes/Conta</h4>
							
							<div>
							
								<b>Nome:</b> ${cliente.nome}<br>
								<b>CNPJ:</b> ${cliente.cnpj}<br>
								<b>Razão Social:</b> ${cliente.razaoSocial}<br>
								<b>Nome Fantasia:</b> ${cliente.nomeFantasia}<br>
								<b>Inscrição Estadual:</b> ${cliente.inscricaoEstadual}<br>
								<b>Inscrição Municipal:</b> ${cliente.inscricaoMunicipal}<br>
								<b>Tributação:</b> ${cliente.tributacao}<br>
								<b>E-mail:</b> ${cliente.email}<br>
								<b>Login:</b> ${cliente.login}<br><br>
								
								<h5>Endereço</h5>
								<b>Rua:</b> ${cliente.endereco.rua}<br>
								<b>Complemento:</b> ${cliente.endereco.complemento}<br>
								<b>Bairro:</b> ${cliente.endereco.bairro}<br>
								<b>Cidade:</b> ${cliente.endereco.cidade}<br> 
								<b>Estado:</b> ${cliente.endereco.estado}<br>
								<b>Cep:</b> ${cliente.endereco.cep}<br>
							
							</div>
											
						
						
					</div>
                
                </div>
            
            </div>
        
        </div>
        
        <div id="rodape" class="todo-conteudo">
        
			<div class="centro-conteudo">
		            
				<p>Aquino e Vasconcelos - Criado pela <a target="_blank" title="Clique Aqui - Tenha Acesso a Página Da Empresa Tech Code" href="http://techcode.site90.com"><b><i>TechCode</i></b></a></p>
		       	
		       	<nav>
		       	
		       		<ol>
		       		
		       			<li><a target="_blank" href="http://www.facebook.com/aquinoevasconcelos"><img src="global_arquivos/img/facebook.png" alt="Imagem não carregada ..." title="Clique Aqui e Veja o Nosso Facebook !"></a></li>
		       			<li class="ultima-rede-social"><a target="_blank" href="https://twitter.com/aquino_e_vasconcelos"><img src="global_arquivos/img/twitter.png" alt="Imagem não carregada ..." title="Clique Aqui e Veja o Nosso Twitter !"></a></li>
		       		
		       		</ol>
		       	
		       	</nav>
		       	
			</div>
		        
		</div>
        
        <!-- Script Do Jquery (Original) -->
        <script src="global_arquivos/js/efeito_lateral/lib/jquery-1.9.1.min.js"></script>
        
        <!-- Script Do Efeito Lateral -->
        <script src="global_arquivos/js/efeito_lateral/jquery.pageslide.min.js"></script>
    
		<script>
		
            $(".first").pageslide();
            $(".efeito-lateral").pageslide({direction: "left", modal: false });
			
        </script>
        
         <script>
			$(document).ready(function() {
				$('.accordion:eq(0)> div').hide();
	        	$('.accordion:eq(0)> h4').click(function() {
	        	    $(this).next().slideToggle('fast');
	        	    $(this).toggleClass('active');
	        	});
        	});
		</script>
    
    </body>
    
</html>